
<?php
	//echo $this->Html->css(array('jquery.ad-gallery'));
	//echo $this->Html->script(array('jquery.ad-gallery'));
?>
<script type="text/javascript">

// $(function() {
// 	var galleries = $('.ad-gallery').adGallery();
//     $('#switch-effect').change(
//       function() {
//         galleries[0].settings.effect = $(this).val();
//         return false;
//       }
//     );
//     $('#toggle-slideshow').click(
//       function() {
//         galleries[0].slideshow.toggle();
//         return false;
//       }
//     );
//     $('#toggle-description').click(
//       function() {
//         if(!galleries[0].settings.description_wrapper) {
//           galleries[0].settings.description_wrapper = $('#descriptions');
//         } else {
//           galleries[0].settings.description_wrapper = false;
//         }
//         return false;
//       }
//     );
//   });
</script>
<style>
	/*#gallery {
    background: #e1eef5;
    padding: 0 30px;
    margin-bottom: 10px;
  }
  #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
}
#descriptions .ad-image-description {
  position: absolute;
}
  #descriptions .ad-image-description .ad-description-title {
    display: block;
  }*/
</style>
<div id="zt-colright" class="span9">
	<div id="zt-modwrap">
		<div class="zt-modwrap-pad">
			<div id="zt-colleft" class="span12">
				<div class="module-color zt-mod-br">
					<div class="zt-mod-bl">
						<div class="zt-mod-tr">
							<div class="zt-mod-tl clearfix">
								<h3><span><?php echo __('headerProduct',true);?></span></h3>
								<div class="mod-content">
									<div class="custom-color">
										<?php if($product){?>
										<h2 class="contentheading"> <?php echo $product['Product']['name'];?> </h2>
										<hr>
										<p align="justify" style="font-weight:bold;"><?php echo $product['Product']['shortcontent']?></p>
										<div><?php echo $product['Product']['longcontent']?></div>
										<!-- <?php if(count($product['Image'])!=0){?>

										<div class="zt-box-info">Ảnh sản phẩm</div>
										<br>
										<div id="gallery" class="ad-gallery span8 offset1">
											<div class="ad-image-wrapper"></div>
											<div class="ad-controls"></div>
											<div class="ad-nav">
												<div class="ad-thumbs">
													<ul class="ad-thumb-list">
														<?php foreach($product['Image'] as $item){?>
														<li>
															<a href="<?php echo $this->webroot;?>files/uploads/products/<?php echo $item['url'];?>">
															<img width='45' src="<?php echo $this->webroot;?>files/uploads/products/<?php echo $item['url'];?>" alt="<?php echo $item['note'];?>" title="<?php echo $product['Product']['name'];?>" >
															</a>
														</li>
														<?php }?>
													</ul>
												</div>
											</div>
										</div>
										<div class="clearfix"></div>
										<?php }?>
										<!--end ảnh-->
										<div class='zt-box-info'><?php echo __('headerOther',true);?></div>
										<ul>
										<?php foreach($otherproduct as $onews): ?>
										<li>
										<?php echo $this->Html->link($onews['Product']['name'],array('language'=>$lang,'controller'=>'products','action'=>'chitiet',$this->Link->seo($onews['Product']['id'],$onews['Product']['name'])));?>
										</li>
										<?php endforeach;?>
										<?php }else{?>
											<div class="alert-messenger" style="padding-top: 50px;">Bài viết không tồn tại!!!</div>
										<?php }?>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>